<!DOCTYPE html>
<html style="height: 100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <title>登陆</title>



    <!--<link href="./index_files/bootstrap.min.css" rel="stylesheet">-->
    <link href="../../../lib/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="index.css">

    <script src="../../../lib/jquery-1.11.3/jquery.min.js"></script>
    <script src="../../../lib/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="../../../lib/angular-1.5.1/angular.min.js"></script>
    <script src="../../../lib/mt-angular-0.0.1/mt.angular.js"></script>
    <script>
        angular.module('myApp', ['mt.angular'])

    </script>

    <script src="./controller.js"></script>
    
<style>
body{
    font-family: "微软雅黑";
}
</style>
<script type="text/javascript">
var BrowserDetect = {
  init: function () {
    this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
    this.version = this.searchVersion(navigator.userAgent)
      || this.searchVersion(navigator.appVersion)
      || "an unknown version";
    this.OS = this.searchString(this.dataOS) || "an unknown OS";
  },
  searchString: function (data) {
    for (var i=0;i<data.length;i++) {
      var dataString = data[i].string;
      var dataProp = data[i].prop;
      this.versionSearchString = data[i].versionSearch || data[i].identity;
      if (dataString) {
        if (dataString.indexOf(data[i].subString) != -1)
          return data[i].identity;
      }
      else if (dataProp)
        return data[i].identity;
    }
  },
  searchVersion: function (dataString) {
    var index = dataString.indexOf(this.versionSearchString);
    if (index == -1) return;
    return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
  },
  dataBrowser: [
    {
      string: navigator.userAgent,
      subString: "Chrome",
      identity: "Chrome"
    },
    {    string: navigator.userAgent,
      subString: "OmniWeb",
      versionSearch: "OmniWeb/",
      identity: "OmniWeb"
    },
    {
      string: navigator.vendor,
      subString: "Apple",
      identity: "Safari",
      versionSearch: "Version"
    },
    {
      prop: window.opera,
      identity: "Opera"
    },
    {
      string: navigator.vendor,
      subString: "iCab",
      identity: "iCab"
    },
    {
      string: navigator.vendor,
      subString: "KDE",
      identity: "Konqueror"
    },
    {
      string: navigator.userAgent,
      subString: "Firefox",
      identity: "Firefox"
    },
    {
      string: navigator.vendor,
      subString: "Camino",
      identity: "Camino"
    },
    {       // for newer Netscapes (6+)
      string: navigator.userAgent,
      subString: "Netscape",
      identity: "Netscape"
    },
    {
      string: navigator.userAgent,
      subString: "MSIE",
      identity: "Internet Explorer",
      versionSearch: "MSIE"
    },
    {
      string: navigator.userAgent,
      subString: "Gecko",
      identity: "Mozilla",
      versionSearch: "rv"
    },
    {        // for older Netscapes (4-)
      string: navigator.userAgent,
      subString: "Mozilla",
      identity: "Netscape",
      versionSearch: "Mozilla"
    }
  ],
  dataOS : [
    {
      string: navigator.platform,
      subString: "Win",
      identity: "Windows"
    },
    {
      string: navigator.platform,
      subString: "Mac",
      identity: "Mac"
    },
    {
         string: navigator.userAgent,
         subString: "iPhone",
         identity: "iPhone/iPod"
    },
    {
      string: navigator.platform,
      subString: "Linux",
      identity: "Linux"
    }
  ]
};
BrowserDetect.init();

// 浏览器检查
if (!(BrowserDetect.browser != "Internet Explorer" || BrowserDetect.version > 10)) {

    location.replace("http://tzsjz.cdu-mt.com/");

}

var code ; //在全局 定义验证码

$(function(){

	$("#reset_btn").click(function(){
		$("#txtuid").val("");
		$("#txtpwd").val("");
	});

   $(".close").click(function(){
      $("#myAlert").addClass("hide");
   });
});

</script>
</head>

<body ng-app="myApp" style="height: 100%;background-color: #ffffff;" >

<div class="container-fluid" style="height: 100%;">
    <div class="row" style="height: 20%;position: relative;">
        <div style="position: absolute;bottom: 15%;text-align: center;width: 100%;">
            <h3 class="title" ><img src="images/cdu.png" style="margin-right: 10px;">数据管理平台</h3>
        </div>
    </div>
    <div class="row" style="background: url('images/bg.jpg') no-repeat 100% 100%;height: 100%;background-size: 100% 100%;background-color:#4e85f9;height: 60%;">
        <div class="col-xs-12 column">
            <div class="row ">
                <div class="col-xs-6" style="text-align: center">
                    <img src="images/office.png" style="height: 100%;">
                </div>
                <div class="col-xs-4 col-xs-offset-1 " >
                    <div class="row" style="margin:25% auto;background-color: #ffffff;">
                        <form class="col-xs-12 form-horizontal" style="margin-top: 15px;" ng-controller="loginController" ng-keypress="getKey($event);">
                                    <h3 style="text-align: center;">登陆用户</h3>
                                    <div class="form-group " id="show" style="margin-top: 0px;display:none;">
                                        <div class="col-xs-12" style="padding: 0px;color: red;">
                                            看不见验证码？请升级下载 &nbsp;<a href="http://chrome.360.cn/" tabindex="5" style="margin-left: 0px;">360浏览器</a>
                                        </div>
                                        
                                    </div>

                                    <div class="form-group" style="margin-top: 0px;">
                                        <div class="col-xs-3" style="text-align: right;padding: 0px;">
                                            <img src="images/account_ioc.png" style="margin-right: 0px;height: 31px;"/>
                                        </div>
                                        <div class="input-group col-xs-9" style="padding: 0px;">
                                            <span class="input-group"></span>
                                            <input type="text" id="username" name="username" ng-model="user.username" style="background-color: #FCFCFC;height: 31px;width: 200px;" class="form-control" placeholder="用户登录名" required="" value="" tabindex="1"  required>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-top: 0px;">
                                        <div class="col-xs-3" style="text-align: right;padding: 0px;">
                                            <img src="images/password_ioc.png" style="margin-right: 0px;height: 31px;"/>
                                        </div>
                                        <div class="input-group col-xs-9" style="padding: 0px;">
                                            <span class="input-group"></span>
                                            <input type="password" id="password" name="password" ng-model="user.password" style="background-color: #FCFCFC;height: 31px;width: 200px;" class="form-control" placeholder="请输入密码" required="" value="" tabindex="2"  required>
                                        </div>
                                    </div>


                                    <div class="form-group" style="margin-top: 0px;">
                                        <div class="col-xs-3" style="text-align: right;padding: 0px;">
                                            <img src="images/check_ioc.png" style="margin-right: 0px;height: 31px;"/>
                                        </div>
                                        <div class="input-group col-xs-9" style="padding: 0px;width: 200px;">
                                            <span class="input-group" style="width:0px;"></span>
                                            <input type="text" ng-model="user.vcode" style="margin-left: -1px;height: 31px;width:120px;display:inline-block;" class="form-control" placeholder="请输入验证码" tabindex="2" >
                                            <img style="width:76px; height: 31px; margin-left: 1px;position: absolute" id="code" align="middle" ng-src="{{user.vcodesrc}}" ng-click="change()">
                                        </div>
                                    </div>

                                    <a ng-if="user.site_id !='TJDXJY'" style="cursor: pointer;float: right;margin-right: 10%;margin-top: 5px;" href="/dp/html/register/change_password_mobile/index.html">忘记密码？</a>
                                    <a ng-if="user.site_id =='TJDXJY'" style="cursor: pointer;float: right;margin-right: 10%;margin-top: 5px;" href="/dp/html/register/change_password_email/index.html">忘记密码？</a>
                                        <div class="form-group " style="margin-left: 16%;margin-bottom: 25px;">
                                            <button type="button" class="btn btn-primary" ng-click="ok()"  style="width: 228px;height: 31px;">登陆</button>
                                        </div>
                                </form>
                        </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <h4 style="text-align: center">版权所有 © 2018 天津睦通科技股份有限公司</h4>
    </div>





    <!-- Modal -->
    <div class="modal fade" id="loginfailed" tabindex="-1" role="dialog" aria-labelledby="loginfailed">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">登录失败</h4>
                </div>
                <div class="modal-body">
                    <p>可能原因：</p>
                    <p> 1、用户名错误</p>
                    <p> 2、密码错误</p>
                    <p> 3、验证码错误</p>
                    <p> 4、用户被禁用</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    var isWinXP = navigator.userAgent.indexOf("Windows NT 5.1") > -1;
    // 操作系统检查
    if(isWinXP){
        
        document.getElementById('show').style.display='block'
    }
</script>
</body>
</html>